<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css background-position-x</title>

    <style type="text/css">
        .exampleone {
            background-image: url("https://developer.mozilla.org/samples/cssref/images/startransparent.gif"),
            url("https://mdn.mozillademos.org/files/7693/catfront.png");
            background-position-x: 0%;
            background-repeat: no-repeat;
        }

        .exampletwo {
            background-image: url("https://developer.mozilla.org/samples/cssref/images/startransparent.gif"),
            url("https://mdn.mozillademos.org/files/7693/catfront.png");
            background-position-x: 80%;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>

    <div class="exampleone">Example One</div>

    <div class="exampletwo">Example Two</div>

</body>
</html>